<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>提交预售订单</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../css/main.css">
    <style>
        *{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    </style>
</head>
<body bgcolor="#f1f1f1">
<div class="submitOrder-page">
    <div class="top">
        <div class="arrow-l"></div>
        提交订单
    </div>
    <div class="center">
        <div class="c-top-bg"></div>
        <div class="user-info">
            <ul class="user-info-ul">
                <li class="address">登云路518号 西城时代商务中心1幢15楼会友科技</li>
                <li class="li-2"><span>小瓜小瓜小瓜小瓜</span><span class="phone-num">12312345678</span><span class="arrow-r"></span></li>
                <!--<li class="li-3"><span>立即送出</span><span class="arrow-r"></span></li>-->
            </ul>
        </div>
        <div class="order-detaile">
            <div class="detaile-container">
                <!--shop name-->
                <div class="title">
                    <div class="shop-icon"></div>
                    <span class="shop-name">皕鲜云菜店（滨江店）</span>
                </div>
                <!--goods list-->
                <ul class="goods-list">
                    <li>
                        <div class="goods-img"><img src="../img/recommend_commodity.png" alt=""></div>
                        <div class="goods-info">
                            <div class="goods-name">
                                <span class="type-presell">预</span>
                                露泽鲜蔬紫甘蓝紫包菜球红甘蓝生菜新鲜沙拉蔬菜搭配清洗即食
                                <span class="num">x1</span>
                            </div>
                            <div class="goods-wp">
                                <span class="goods-weight">500g</span>
                                <span class="goods-price">¥5.8</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="goods-img"><img src="../img/recommend_commodity.png" alt=""></div>
                        <div class="goods-info">
                            <div class="goods-name">
                                <span class="type-presell">预</span>
                                露泽鲜蔬紫甘蓝紫包菜球红甘蓝生菜新鲜沙拉蔬菜搭配清洗即食
                                <span class="num">x1</span>
                            </div>
                            <div class="goods-wp">
                                <span class="goods-weight">500g</span>
                                <span class="goods-price">¥5.8</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="goods-img"><img src="../img/recommend_commodity.png" alt=""></div>
                        <div class="goods-info">
                            <div class="goods-name">
                                <span class="type-presell">预</span>
                                露泽鲜蔬紫甘蓝紫包菜球红甘蓝生菜新鲜沙拉蔬菜搭配清洗即食
                                <span class="num">x1</span>
                            </div>
                            <div class="goods-wp">
                                <span class="goods-weight">500g</span>
                                <span class="goods-price">¥5.8</span>
                            </div>
                        </div>
                    </li>
                </ul>
                <!--money detaile-->
                <div class="money-list">
                    <ul class="list-ul">
                        <li class="money-li"><span>包装费</span><span>¥0.5</span></li>
                        <li class="money-li"><span>包装费</span><span>¥0.5</span></li>
                        <li class="money-li"><span>包装费</span><span>¥0.5</span></li>
                        <li class="money-li"><span>包装费</span><span>¥0.5</span></li>
                    </ul>
                </div>
                <!--privilege-->
                <!--<div class="privilege-items money-list">

                    <div class="privilege-item">
                        &lt;!&ndash;<div class="privilege-item-de">
                            <div class="word-1"><div class="icon"></div>满10减2</div>
                            <div class="word-2">-¥2.0</div>
                        </div>&ndash;&gt;
                        <div class="privilege-item-title">
                            <div class="word-1">优惠券</div>
                            <div class="word-2 no-privilege">暂不可用<div class="arrow-r"></div></div>
                        </div>
                        <div class="privilege-item-title">
                            <div class="word-1">红包</div>
                            <div class="word-2 no-privilege">暂不可用<div class="arrow-r"></div></div>
                        </div>
                    </div>
                </div>-->
                <!--memo-->
                <div class="memo">
                    <div class="container">
                        <div class="memo-label">备注</div>
                        <textarea name="" id="" placeholder="请输入备注信息"></textarea>
                        <!--<input type="text" placeholder="请输入备注信息">-->
                    </div>
                </div>
                <!--total money-->
                <div class="total-price">
                   <!-- <div class="word-1">已优惠 ¥ <span>2.0</span></div>-->
                    <div class="word-2">合计：<span> ¥ <span>12.71111111111111</span></span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <!--<div class="privilege"><div class="icon"></div><span class="word">满减优惠与折扣商品不能同享</span></div>-->
        <div class="bd-bottom">
            <div class="money">实付金额：<span> ¥ <span>2.71111111</span></span></div>
            <div class="submit-order-btn">提交订单</div>
        </div>
    </div>
</div>
</body>
</html>